<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"
    />
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../../assets/common/common.css" />
    <!-- 字体图标 -->
    <link rel="stylesheet" href="../../assets/iconfont/iconfont.css" />
    <link rel="stylesheet" href="./index.css" />
    <title>办公</title>
  </head>
  <body>
    <div class="index-index">
      <!-- 头部 -->
      <div class="header bg-fff flex aic jc-sb">
        <div class="l">
          <span>办公</span>
        </div>
        <div class="r">
          <i onclick="indexSearch()" class="iconfont icon-sousuo"></i>
          <img onclick="indexScan()" src="./img/扫描.png" alt="" />
        </div>
      </div>
    <a href="../Recruit/Jump search/Jump search.html"></a>
      <!-- Unnamed (动态面板) -->
      <div class="unnamed">
        <div class="content flex aic jc-sb">
          <div class="l">
            <div class="text1">智能协作 高效办公</div>
            <div class="text2">智能化流程办公 提升行政人事效率</div>
          </div>
          <div class="r">
            <img src="./img/__80px_u3817.png" alt="" />
          </div>
        </div>
      </div>

      <!-- 待办提醒 -->
      <div class="wait">
        <div class="list bg-fff fdc">
          <div class="t flex aic jc-sb">
            <span> 待办提醒</span>
            <span class="text"> 全部<i class="iconfont icon-youbian"></i></span>
          </div>
          <div class="item fdc">
            <div class="top flex aic jc-sb">
              <span class="text">审批通知</span>
              <span>1小时前</span>
            </div>
            <div class="buttom flex aic jc-sb">
              <span>您有3条审批待处理</span>
              <img src="./img/u2451.png" alt="" />
            </div>
          </div>
          <div class="item fdc">
            <div class="top flex aic jc-sb">
              <span class="text">绩效考核</span>
              <span>2小时前</span>
            </div>
            <div class="buttom flex aic jc-sb">
              <span>您有1条新的待处理考核s</span>
              <img src="./img/u2451.png" alt="" />
            </div>
          </div>
        </div>
      </div>

      <!-- 主要的 -->
      <div class="main">
        <!-- 一大块 -->
        <div class="list bg-fff fdc">
          <div class="t">常用功能</div>
          <div class="c flex fww">
            <!-- 块 -->
            <div onclick="indexClock()" class="item fdc jc-sb aic">
              <div class="text-box rgba1 tac">
                <i class="color1 iconfont icon-dizhi"></i>
              </div>
              <span>考勤打卡</span>
            </div>
            <div onclick="indexApproval()" class="item fdc jc-sb aic">
              <div class="text-box rgba2 tac">
                <i class="color2 iconfont icon-faqiyanshou"></i>
              </div>
              <span>审批</span>
            </div>
            <div onclick="indexSchedule()" class="item fdc jc-sb aic">
              <div class="text-box rgba3 tac">
                <i class="color3 iconfont icon-richeng_schedule"></i>
              </div>
              <span>日程</span>
            </div>
            <div onclick="indexNotice()" class="item fdc jc-sb aic">
              <div class="text-box rgba4 tac">
                <i class="color4 iconfont icon-youjian"></i>
              </div>
              <span>公告</span>
            </div>
          </div>
        </div>
        <!-- 一大块 -->
        <div class="list bg-fff fdc">
          <div class="t">人事</div>
          <div class="c flex fww">
            <!-- 块 -->
            <div onclick="indexRegistration()" class="item fdc jc-sb aic">
              <div class="text-box rgba4 tac">
                <i class="color4 iconfont icon-rusuodengji"></i>
              </div>
              <span>入职登记</span>
            </div>
            <div onclick="indexRecruit()" class="item fdc jc-sb aic">
              <div class="text-box rgba3 tac">
                <i class="color3 iconfont icon-zhaopingangwei"></i>
              </div>
              <span>我的招聘</span>
            </div>
            <div onclick="indexClock()" class="item fdc jc-sb aic">
              <div class="text-box rgba1 tac">
                <i class="color1 iconfont icon-dizhi"></i>
              </div>
              <span>考勤打卡</span>
            </div>
            <div onclick="indexApproval()" class="item fdc jc-sb aic">
              <div class="text-box rgba2 tac">
                <i class="color2 iconfont icon-faqiyanshou"></i>
              </div>
              <span>审批</span>
            </div>
            <div onclick="indexAchievements()" class="item fdc jc-sb aic">
              <div class="text-box rgba1 tac">
                <i class="color1 iconfont icon-gaojixiaozuzhibeifen"></i>
              </div>
              <span>我的绩效</span>
            </div>
            <div onclick="indexSocialSecurity()" class="item fdc jc-sb aic">
              <div class="text-box rgba4 tac">
                <i class="color4 iconfont icon-shebaojiaofei"></i>
              </div>
              <span>我的社保</span>
            </div>
            <div onclick="indexPayslip()" class="item fdc jc-sb aic">
              <div class="text-box rgba3 tac">
                <i class="color3 iconfont icon-gongzitiao-"></i>
              </div>
              <span>我的工资条</span>
            </div>
          </div>
        </div>
        <!-- 一大块 -->
        <div class="list bg-fff fdc">
          <div class="t">行政</div>
          <div class="c flex fww">
            <!-- 块 -->
            <div onclick="indexMittingRoom()" class="item fdc jc-sb aic">
              <div class="text-box rgba2 tac">
                <i class="color2 iconfont icon-huiyishi"></i>
              </div>
              <span>会议室预定</span>
            </div>
            <div onclick="indexcar()" class="item fdc jc-sb aic">
              <div class="text-box rgba1 tac">
                <i class="color1 iconfont icon-cheliang-"></i>
              </div>
              <span>车辆</span>
            </div>
            <div onclick="indexAssetManagement()" class="item fdc jc-sb aic">
              <div class="text-box rgba4 tac">
                <i class="color4 iconfont icon-zichan"></i>
              </div>
              <span>资产</span>
            </div>
            <div onclick="indexFileWarehouse()" class="item fdc jc-sb aic">
              <div class="text-box rgba1 tac">
                <i class="color1 iconfont icon-folder"></i>
              </div>
              <span>文档库</span>
            </div>
            <div onclick="indexnews()" class="item fdc jc-sb aic">
              <div class="text-box rgba3 tac">
                <i class="color3 iconfont icon-24gl-newspaper4"></i>
              </div>
              <span>新闻</span>
            </div>
            <div onclick="indexNotice()" class="item fdc jc-sb aic">
              <div class="text-box rgba4 tac">
                <i class="color4 iconfont icon-youjian"></i>
              </div>
              <span>公告</span>
            </div>
          </div>
        </div>
      </div>

      <!-- 底部 -->
      <div class="footer bg-fff flex aic jc-sb">
        <a href="../index/index.html" class="text h100 fdc aic jc-sb">
          <i class="iconfont icon-xietongbangong-16px"></i>
          <span>办公</span>
        </a>
        <a href="../Schedule/Schedule.html" class="text h100 fdc aic jc-sb">
          <i class="iconfont icon-richeng_schedule"></i>
          <span>日程</span>
        </a>
        <a href="../MailList/MailList.html" class="text h100 fdc aic jc-sb">
          <i class="iconfont icon-tongxunlu"></i>
          <span>通讯录</span>
        </a>
        <a href="../My/My.html" class="text h100 fdc aic jc-sb">
          <i class="iconfont icon-wode"></i>
          <span>我的</span>
        </a>
      </div>
    </div>
    <script src="./index.js"></script>
  </body>
</html>
